<template name="skeleton">
  <view class="sk-container">
    <view is="pages/cart/components/CartMain">
      <scroll-view
        enable-flex="true"
        scroll-y="true"
        class="viewport CartMain--viewport data-v-1830a74b CartMain--data-v-1830a74b"
        lower-threshold="10"
        enable-back-to-top="true"
      >
        <view class="top CartMain--top data-v-1830a74b CartMain--data-v-1830a74b">
          <view class="item CartMain--item data-v-1830a74b CartMain--data-v-1830a74b">
            <view
              is="node-modules/@dcloudio/uni-ui/lib/uni-swipe-action/uni-swipe-action"
              class="data-v-1830a74b CartMain--data-v-1830a74b"
            >
              <view>
                <view
                  is="node-modules/@dcloudio/uni-ui/lib/uni-swipe-action-item/uni-swipe-action-item"
                  class="data-v-1830a74b CartMain--data-v-1830a74b"
                >
                  <view class="uni-swipe item--uni-swipe">
                    <view
                      class="uni-swipe_box item--uni-swipe_box"
                      data-disabled="false"
                      data-threshold="20"
                    >
                      <view
                        class="uni-swipe_button-group item--uni-swipe_button-group button-group--left item--button-group--left"
                      ></view>
                      <view class="uni-swipe_text--center item--uni-swipe_text--center">
                        <navigator
                          class="inner CartMain--inner data-v-1830a74b CartMain--data-v-1830a74b"
                          hover-class="none"
                        >
                          <text
                            class="checkbox CartMain--checkbox data-v-1830a74b CartMain--data-v-1830a74b checked CartMain--checked sk-pseudo sk-pseudo-circle"
                          ></text>
                          <view
                            class="pic-box CartMain--pic-box data-v-1830a74b CartMain--data-v-1830a74b"
                          >
                            <image
                              class="pic CartMain--pic data-v-1830a74b CartMain--data-v-1830a74b sk-image"
                              mode="aspectFill"
                            ></image>
                          </view>
                          <view
                            class="meta CartMain--meta data-v-1830a74b CartMain--data-v-1830a74b"
                          >
                            <view
                              class="name CartMain--name data-v-1830a74b CartMain--data-v-1830a74b sk-transparent sk-text-0-0000-522 sk-text"
                              >极光限定 珠光蓝珐琅锅</view
                            >
                            <text
                              class="attrs CartMain--attrs data-v-1830a74b CartMain--data-v-1830a74b sk-transparent sk-text-14-2857-45 sk-text"
                              >蓝色， 中国， 10cm</text
                            >
                            <view
                              class="price CartMain--price data-v-1830a74b CartMain--data-v-1830a74b sk-transparent sk-text-0-0000-901 sk-text sk-pseudo sk-pseudo-circle"
                              >332.00</view
                            >
                          </view>
                          <view
                            class="count CartMain--count data-v-1830a74b CartMain--data-v-1830a74b"
                          >
                            <view
                              is="components/vk-data-input-number-box/vk-data-input-number-box"
                              class="data-v-1830a74b CartMain--data-v-1830a74b"
                            >
                              <view
                                class="vk-data-input-number-box box--vk-data-input-number-box data-v-3517706a box--data-v-3517706a"
                              >
                                <view
                                  class="u-icon-minus box--u-icon-minus data-v-3517706a box--data-v-3517706a"
                                  style="
                                    background: #ffffff;
                                    height: 25px;
                                    color: #323233;
                                    font-size: 13px;
                                    min-height: 1.4em;
                                  "
                                >
                                  <view
                                    class="num-btn box--num-btn data-v-3517706a box--data-v-3517706a sk-transparent sk-text-14-0000-925 sk-text"
                                    style="font-size: 18px"
                                    >－</view
                                  >
                                </view>
                                <view
                                  class="u-number-input box--u-number-input data-v-3517706a box--data-v-3517706a sk-image"
                                  style="
                                    color: #323233;
                                    font-size: 13px;
                                    background: #ffffff;
                                    height: 25px;
                                    width: 40px;
                                  "
                                  type="number"
                                  value="2"
                                ></view>
                                <view
                                  class="u-icon-plus box--u-icon-plus data-v-3517706a box--data-v-3517706a"
                                  style="
                                    background: #ffffff;
                                    height: 25px;
                                    color: #323233;
                                    font-size: 13px;
                                    min-height: 1.4em;
                                  "
                                >
                                  <view
                                    class="num-btn box--num-btn data-v-3517706a box--data-v-3517706a sk-transparent sk-text-14-0000-65 sk-text"
                                    style="font-size: 18px"
                                    >＋</view
                                  >
                                </view>
                              </view>
                            </view>
                          </view>
                        </navigator>
                      </view>
                      <view
                        class="uni-swipe_button-group item--uni-swipe_button-group button-group--right item--button-group--right"
                      >
                        <view
                          class="uni-swipe_button item--uni-swipe_button button-hock item--button-hock"
                          style="background-color: red"
                        ></view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="bottom CartMain--bottom data-v-1830a74b CartMain--data-v-1830a74b">
          <view
            is="components/XtxGuess"
            class="r CartMain--r data-v-1830a74b CartMain--data-v-1830a74b"
          >
            <view
              class="guess-panel XtxGuess--guess-panel data-v-e94a02da XtxGuess--data-v-e94a02da"
            >
              <view
                class="title XtxGuess--title data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-20-0000-499 sk-text sk-pseudo sk-pseudo-circle"
                >猜你喜欢</view
              >
              <view class="content XtxGuess--content data-v-e94a02da XtxGuess--data-v-e94a02da">
                <navigator class="item XtxGuess--item data-v-e94a02da XtxGuess--data-v-e94a02da">
                  <image
                    class="image XtxGuess--image data-v-e94a02da XtxGuess--data-v-e94a02da sk-image"
                    mode="aspectFill"
                  ></image>
                  <view
                    class="item-title XtxGuess--item-title data-v-e94a02da XtxGuess--data-v-e94a02da"
                  >
                    <text
                      class="text XtxGuess--text data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-14-2857-802 sk-text"
                      >手工八年老陈醋500毫升</text
                    >
                  </view>
                  <view class="price XtxGuess--price data-v-e94a02da XtxGuess--data-v-e94a02da">
                    <text
                      class="symbol XtxGuess--symbol data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-opacity"
                      >￥</text
                    >
                    <text
                      class="number XtxGuess--number data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-23-3333-304 sk-text"
                      >30.00</text
                    >
                  </view>
                </navigator>
                <navigator class="item XtxGuess--item data-v-e94a02da XtxGuess--data-v-e94a02da">
                  <image
                    class="image XtxGuess--image data-v-e94a02da XtxGuess--data-v-e94a02da sk-image"
                    mode="aspectFill"
                  ></image>
                  <view
                    class="item-title XtxGuess--item-title data-v-e94a02da XtxGuess--data-v-e94a02da"
                  >
                    <text
                      class="text XtxGuess--text data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-14-2857-93 sk-text"
                      >三分钟即享简餐，日式即食咖喱150克</text
                    >
                  </view>
                  <view class="price XtxGuess--price data-v-e94a02da XtxGuess--data-v-e94a02da">
                    <text
                      class="symbol XtxGuess--symbol data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-opacity"
                      >￥</text
                    >
                    <text
                      class="number XtxGuess--number data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-23-3333-889 sk-text"
                      >15.00</text
                    >
                  </view>
                </navigator>
                <navigator class="item XtxGuess--item data-v-e94a02da XtxGuess--data-v-e94a02da">
                  <image
                    class="image XtxGuess--image data-v-e94a02da XtxGuess--data-v-e94a02da sk-image"
                    mode="aspectFill"
                  ></image>
                  <view
                    class="item-title XtxGuess--item-title data-v-e94a02da XtxGuess--data-v-e94a02da"
                  >
                    <text
                      class="text XtxGuess--text data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-14-2857-190 sk-text"
                      >从江香猪油辣椒218克</text
                    >
                  </view>
                  <view class="price XtxGuess--price data-v-e94a02da XtxGuess--data-v-e94a02da">
                    <text
                      class="symbol XtxGuess--symbol data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-opacity"
                      >￥</text
                    >
                    <text
                      class="number XtxGuess--number data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-23-3333-667 sk-text"
                      >28.00</text
                    >
                  </view>
                </navigator>
                <navigator class="item XtxGuess--item data-v-e94a02da XtxGuess--data-v-e94a02da">
                  <image
                    class="image XtxGuess--image data-v-e94a02da XtxGuess--data-v-e94a02da sk-image"
                    mode="aspectFill"
                  ></image>
                  <view
                    class="item-title XtxGuess--item-title data-v-e94a02da XtxGuess--data-v-e94a02da"
                  >
                    <text
                      class="text XtxGuess--text data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-14-2857-258 sk-text"
                      >现泡免煮，螺蛳粉370克*6盒</text
                    >
                  </view>
                  <view class="price XtxGuess--price data-v-e94a02da XtxGuess--data-v-e94a02da">
                    <text
                      class="symbol XtxGuess--symbol data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-opacity"
                      >￥</text
                    >
                    <text
                      class="number XtxGuess--number data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-23-3333-686 sk-text"
                      >78.00</text
                    >
                  </view>
                </navigator>
              </view>
            </view>
          </view>
        </view>
        <view class="above CartMain--above data-v-1830a74b CartMain--data-v-1830a74b">
          <view class="left CartMain--left data-v-1830a74b CartMain--data-v-1830a74b">
            <view class="all CartMain--all data-v-1830a74b CartMain--data-v-1830a74b">
              <text
                class="checkbox CartMain--checkbox data-v-1830a74b CartMain--data-v-1830a74b checked CartMain--checked sk-transparent sk-text-38-3333-607 sk-text sk-pseudo sk-pseudo-circle"
              >
                全选</text
              >
            </view>
            <view
              class="total CartMain--total data-v-1830a74b CartMain--data-v-1830a74b sk-transparent"
              >合计:
              <text
                class="price CartMain--price data-v-1830a74b CartMain--data-v-1830a74b sk-transparent sk-text-0-0000-976 sk-text sk-pseudo sk-pseudo-circle"
                >332</text
              >
            </view>
          </view>
          <view class="right CartMain--right data-v-1830a74b CartMain--data-v-1830a74b">
            <button
              class="pay-btn CartMain--pay-btn data-v-1830a74b CartMain--data-v-1830a74b sk-transparent sk-button sk-pseudo sk-pseudo-circle"
              style="opacity: 1"
            >
              去结算(1)
            </button>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
@import '../styles/CartMain';
.sk-transparent {
  color: transparent !important;
}
.sk-text-0-0000-522 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 28rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-45 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-0-0000-901 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 26rpx;
  position: relative !important;
}
.sk-text-14-0000-925 {
  background-image: linear-gradient(
    transparent 14%,
    #eeeeee 0%,
    #eeeeee 86%,
    transparent 0%
  ) !important;
  background-size: 100% 50rpx;
  position: relative !important;
}
.sk-text-14-0000-65 {
  background-image: linear-gradient(
    transparent 14%,
    #eeeeee 0%,
    #eeeeee 86%,
    transparent 0%
  ) !important;
  background-size: 100% 50rpx;
  position: relative !important;
}
.sk-text-20-0000-499 {
  background-image: linear-gradient(
    transparent 20%,
    #eeeeee 0%,
    #eeeeee 80%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-14-2857-802 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-23-3333-304 {
  background-image: linear-gradient(
    transparent 23.3333%,
    #eeeeee 0%,
    #eeeeee 76.6667%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-14-2857-93 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-23-3333-889 {
  background-image: linear-gradient(
    transparent 23.3333%,
    #eeeeee 0%,
    #eeeeee 76.6667%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-14-2857-190 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-23-3333-667 {
  background-image: linear-gradient(
    transparent 23.3333%,
    #eeeeee 0%,
    #eeeeee 76.6667%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-14-2857-258 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-23-3333-686 {
  background-image: linear-gradient(
    transparent 23.3333%,
    #eeeeee 0%,
    #eeeeee 76.6667%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-38-3333-607 {
  background-image: linear-gradient(
    transparent 38.3333%,
    #eeeeee 0%,
    #eeeeee 61.6667%,
    transparent 0%
  ) !important;
  background-size: 100% 120rpx;
  position: relative !important;
}
.sk-text-0-0000-976 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 26rpx;
  position: relative !important;
}
.sk-button {
  color: #efefef !important;
  background: #efefef !important;
  border: none !important;
  box-shadow: none !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
